﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Master2.master"
    AutoEventWireup="true" CodeFile="details.aspx.cs" Inherits="furniture_Store_details" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <div class="prod_info_next">
        <div class="fl_left">
            <div class="button_content button_content22">
                <div class="button bg_button">
                    <div class="button-t">
                        <span class="tdbLink"><a id="tdb1" href="#">Previous</a></span>
                        <script type="text/javascript">
                            $("#tdb1").button({ icons: { primary: "ui-icon-circle-arrow-w"} }).addClass("ui-priority-secondary").parent().removeClass("tdbLink");
                        </script>
                    </div>
                </div>
            </div>
        </div>
        <div class="fl_right">
            <div class="button_content button_content22">
                <div class="button bg_button">
                    <div class="button-t">
                        <span class="tdbLink"><a id="tdb2" href="#">Next</a></span>
                        <script type="text/javascript">
                            $("#tdb2").button({ icons: { primary: "ui-icon-circle-arrow-e"} }).addClass("ui-priority-secondary").parent().removeClass("tdbLink");
                        </script>
                    </div>
                </div>
            </div>
        </div>
        <div class="prod_next">
            Product&nbsp;<strong><u>1</u></strong> of <strong>8</strong>
        </div>
    </div>
    <div class="contentContainer">
        <div class="contentPadd prods_info_page">
            <div class="prods_info decks big">
                <div class="forecastle">
                    <ol class="masthead">
                        <li class="port_side">
                            <div id="piGal" class="hover">
                                <ul class="relative">
                                    <li class="wrapper_pic_div"><a href="#" target="_blank" rel="fancybox" title="Quisque placerat ultrices"
                                        class="prods_pic_bg" style="width: 220px; height: 251px;">
                                        <img src="img/arne_jacobsen_egg_chair_blue_1.png" alt="Quisque placerat ultrices"
                                            title=" Quisque placerat ultrices " width="220" height="251" style="width: 220px;
                                            height: 251px; margin: 0px 0px 0px 0px;" />
                                        <div class="wrapper_pic_t" style="width: 220px; height: 251px;">
                                            <div class="wrapper_pic_r" style="width: 220px; height: 251px;">
                                                <div class="wrapper_pic_b" style="width: 220px; height: 251px;">
                                                    <div class="wrapper_pic_l" style="width: 220px; height: 251px;">
                                                        <div class="wrapper_pic_tl" style="width: 220px; height: 251px;">
                                                            <div class="wrapper_pic_tr" style="width: 220px; height: 251px;">
                                                                <div class="wrapper_pic_bl" style="width: 220px; height: 251px;">
                                                                    <div class="wrapper_pic_br" style="width: 220px; height: 251px;">
                                                                        <div class="wrapper_pic_zoom" style="width: 220px; height: 251px;">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </a></li>
                                    <li class="wrapper_pic_div"><a href="#" target="_blank" rel="fancybox" title="Nulla suscipit elementum justo"
                                        class="prods_pic_bg" style="width: 220px; height: 251px;">
                                        <img src="img/arne_jacobsen_egg_chair_blue_2.png" alt="Nulla suscipit elementum justo"
                                            title=" Nulla suscipit elementum justo " width="220" height="251" style="width: 220px;
                                            height: 251px; margin: 0px 0px 0px 0px;" />
                                        <div class="wrapper_pic_t" style="width: 220px; height: 251px;">
                                            <div class="wrapper_pic_r" style="width: 220px; height: 251px;">
                                                <div class="wrapper_pic_b" style="width: 220px; height: 251px;">
                                                    <div class="wrapper_pic_l" style="width: 220px; height: 251px;">
                                                        <div class="wrapper_pic_tl" style="width: 220px; height: 251px;">
                                                            <div class="wrapper_pic_tr" style="width: 220px; height: 251px;">
                                                                <div class="wrapper_pic_bl" style="width: 220px; height: 251px;">
                                                                    <div class="wrapper_pic_br" style="width: 220px; height: 251px;">
                                                                        <div class="wrapper_pic_zoom" style="width: 220px; height: 251px;">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </a></li>
                                    <li class="wrapper_pic_div"><a href="#" target="_blank" rel="fancybox" title="Proin consequat tellus non velit viverra a tempor nibh tincidunt. Donec elit augue, adipiscing vitae sollicitudin vitae, luctus vitae lectus"
                                        class="prods_pic_bg" style="width: 220px; height: 251px;">
                                        <img src="img/arne_jacobsen_egg_chair_blue_3.png" alt="Proin consequat tellus non velit viverra a tempor nibh tincidunt. Donec elit augue, adipiscing vitae sollicitudin vitae, luctus vitae lectus"
                                            title=" Proin consequat tellus non velit viverra a tempor nibh tincidunt. Donec elit augue, adipiscing vitae sollicitudin vitae, luctus vitae lectus "
                                            width="220" height="251" style="width: 220px; height: 251px; margin: 0px 0px 0px 0px;" />
                                        <div class="wrapper_pic_t" style="width: 220px; height: 251px;">
                                            <div class="wrapper_pic_r" style="width: 220px; height: 251px;">
                                                <div class="wrapper_pic_b" style="width: 220px; height: 251px;">
                                                    <div class="wrapper_pic_l" style="width: 220px; height: 251px;">
                                                        <div class="wrapper_pic_tl" style="width: 220px; height: 251px;">
                                                            <div class="wrapper_pic_tr" style="width: 220px; height: 251px;">
                                                                <div class="wrapper_pic_bl" style="width: 220px; height: 251px;">
                                                                    <div class="wrapper_pic_br" style="width: 220px; height: 251px;">
                                                                        <div class="wrapper_pic_zoom" style="width: 220px; height: 251px;">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </a></li>
                                </ul>
                            </div>
                            <div class="infoBoxWrapper" style="width: px;">
                                <div class="box_wrapper">
                                    <div class="infoBoxHeading prod_page">
                                        <div class="title-icon">
                                        </div>
                                        Manufacturer Info
                                    </div>
                                    <div class="infoBoxContents">
                                        <table border="0" width="100%" cellspacing="0" cellpadding="0">
                                            <tr>
                                                <td valign="top">
                                                    -&nbsp;
                                                </td>
                                                <td valign="top">
                                                    <a href="#" target="_blank">Example-1 Home Page</a>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td valign="top">
                                                    -&nbsp;
                                                </td>
                                                <td valign="top">
                                                    <a href="#">Other products</a>
                                                </td>
                                            </tr>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <div class="infoBoxWrapper" style="width: px;">
                                <div class="box_wrapper">
                                    <div class="infoBoxHeading prod_page">
                                        <div class="title-icon">
                                        </div>
                                        Share Product
                                    </div>
                                    <div class="infoBoxContents">
                                        <a href="#">
                                            <img src="img/email.png" border="0" title="Share via E-Mail" alt="Share via E-Mail" /></a>
                                        <a href="#" target="_blank">
                                            <img src="img/facebook.png" border="0" title="Share on Facebook" alt="Share on Facebook" /></a>
                                        <a href="" target="_blank">
                                            <img src="img/twitter.png" border="0" title="Share on Twitter" alt="Share on Twitter" /></a>
                                        <a href="#" target="_blank">
                                            <img src="img/google_buzz.png" border="0" title="Share on Google Buzz" alt="Share on Google Buzz" /></a>
                                        <a href="" target="_blank">
                                            <img src="img/digg.png" border="0" title="Share on Digg" alt="Share on Digg" /></a>
                                    </div>
                                </div>
                            </div>
                            <script type="text/javascript">
                                $(function () { var myWidth = 66; var myHeight = myWidth * 1.1409090909091; $('#piGal ul').bxGallery({ maxwidth: '220', maxheight: '251', thumbwidth: myWidth, thumbheight: myHeight, thumbcontainer: 230, load_image: 'ext/jquery/bxGallery/spinner.gif' }) });   
                            </script>
                            <script type="text/javascript">
                                $("#piGal a[rel^='fancybox']").fancybox({ cyclic: true });   
                            </script>
                        </li>
                        <li class="starboard_side">
                            <div class="info">
                                <div class="data data_padd small_title">
                                    This product was added to our catalog on Monday 12 September, 2011.</div>
                                <br />
                                <h2>
                                    Arne Jacobsen Egg Chair blue<br />
                                    <span class="smallText">[Model 0001]</span></h2>
                                <h2 class="price">
                                    <b>Our Price:&nbsp;&nbsp;</b><span class="productSpecialPrice">$299.99</span></h2>
                                <div class="options">
                                    <p class="options-title">
                                        Available Options:</p>
                                    <ul class="ofh">
                                        <li class="fl_left">
                                            <asp:Label ID="lbl01" runat="server" Text="Color:" />
                                            <asp:DropDownList ID="ddlColor" runat="server">
                                                <asp:ListItem Value="2" Text="Original"></asp:ListItem>
                                                <asp:ListItem Value="1" Text="light (+$5.00)"></asp:ListItem>
                                                <asp:ListItem Value="7" Text="dark (+$5.00)"></asp:ListItem>
                                            </asp:DropDownList>
                                        </li>
                                        <li class="fl_left">
                                            <asp:Label ID="Label1" runat="server" Text="Size:" />
                                            <asp:DropDownList ID="ddlSize" runat="server">
                                                <asp:ListItem Value="3" Text="standard"></asp:ListItem>
                                                <asp:ListItem Value="4" Text="small (-$15.00)"></asp:ListItem>
                                                <asp:ListItem Value="8" Text="large (+$15.00)"></asp:ListItem>
                                            </asp:DropDownList>
                                        </li>
                                    </ul>
                                </div>
                                <div class="desc desc_padd">
                                    <p>
                                        Laoreet dolore magnaorem ipsum dolor ser adipiscing elit, sed diam non aliquam neque.
                                        Fusce venenatis blandit lorem eu malesuada. Maecenas bibendum, <b>ante sed semper tincidunt</b>,
                                        nibh ante condimentum justo, rutrum mattis nulla elit vitae massa. Sed a metus diam,
                                        porttitor varius dui. Nullam non leo ut lacus scelerisque sollicitudin quis at orci.
                                        Nulla suscipit elementum justo, et pharetra dolor ultricies eu. <em>Donec eget justo
                                            <b>nec turpis</b> malesuada</em> dignissim pellentesque ac massa. Donec eu erat
                                        nunc. Nunc convallis nisi sed velit <a href="#">sodales vestibulum</a> egestas mattis
                                        enim. Quisque placerat ultrices fermentum. Aenean mollis convallis ante, sed faucibus
                                        erat tempor non crasre.</p>
                                    <p>
                                        Fusce eu sapien eget dolor sodales tempor eu eget lectus. Proin consequat tellus
                                        non velit viverra a tempor nibh tincidunt. Donec elit augue, adipiscing vitae sollicitudin
                                        vitae, luctus vitae lectus. In ut tellus ut velit consectetur vulputate. Cras sagittis
                                        rutrum mauris, non iaculis turpis ullam.</p>
                                </div>
                                <div class="buttonSet">
                                    <span class="buttonAction">
                                        <div class="button_content button_content22">
                                            <div class="button bg_button">
                                                <div class="button-t">
                                                    <span class="tdbLink"><a id="tdb3" href="#">Reviews (3)</a></span>
                                                    <script type="text/javascript">
                                                        $("#tdb3").button({ icons: { primary: "ui-icon-comment"} }).addClass("ui-priority-secondary").parent().removeClass("tdbLink");
                                                    </script>
                                                </div>
                                            </div>
                                        </div>
                                    </span>
                                    <div class="fl_right" align="right">
                                        <div class="button_content button_content2">
                                            <div class="button bg_button">
                                                <div class="button-t">
                                                    <input type="hidden" name="products_id" value="1" /><span class="tdbLink">
                                                        <asp:Button ID="tdb4" runat="server" Text="Add to Cart" runat="server" />
                                                    </span>
                                                    <script type="text/javascript">
                                                        $("#tdb4").button({ icons: { primary: "ui-icon-cart"} }).addClass("ui-priority-primary").parent().removeClass("tdbLink");
                                                    </script>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ol>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        $(document).ready(function () { var row_list = $('.row'); row_list.each(function () { new equalHeights($('#' + $(this).attr("id"))); }); var row_list3 = $('.row3'); row_list3.each(function () { new equalHeights3($('#' + $(this).attr("id"))); }); })      
    </script>
</asp:Content>
